body{
	margin:0;
	padding:0;
}
#a{
	width:100%;
	height:500px;
	margin-top: 10px;

}
#one{
	margin:0;
	width:100%;
	height:80px;

}
#b{
	width:350px;
	height:400px;
margin-left:60%;
	background-color:	#E0FFFF;
	position: absolute; 
}
#login_click{ margin-top:32px; height:20px;weight:100px;

}  
#login_click button   
{  
    text-decoration:none;  
    background:#8b7500;  
    color:#f2f2f2;  
      
    padding: 10px 80px 10px 80px;  
    font-size:15px;  
    font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;  
    font-weight:bold;  
    border-radius:5px;  
    letter-spacing:7px;

      
    -webkit-transition:all linear 0.30s;  
    -moz-transition:all linear 0.30s;  
    transition:all linear 0.30s;  
      
    }  
   #login_click button:hover { background:#eec900; } 
#btlogin{
	width:210px;
	height:40px;
}
   #account{
   position: relative;
   margin-left:20%;
   margin-top:50px;
   }
   #form_password{

   margin-left:20%;
  
   }
   #login_click{
    margin-left:20%;
   }
#errorid{
	margin-left:20%;

}
#errorpw{

    margin-left:20%;
 
}
.text{
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    fill: none;
    stroke-width: 2px;
    stroke-dasharray: 90 310;
    animation: stroke 6s infinite linear;
}
.text-1{
    stroke: #3498db;
    text-shadow: 0 0 5px #3498db;
    animation-delay: -1.5s;
}
.text-2{
    stroke: #f39c12;
    text-shadow: 0 0 5px #f39c12;
    animation-delay: -3s;
}
.text-3{
    stroke: #e74c3c;
    text-shadow: 0 0 5px #e74c3c;
    animation-delay: -4.5s;
}
.text-4{
    stroke: #9b59b6;
    text-shadow: 0 0 5px #9b59b6;
    animation-delay: -6s;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: -400;
  }
}
   
   